/*     L I S T   T E M P L A T E    */
/*  =============================== */
.Template-List {
    font-family: "Helvetica"; color: #666; font-size: 13px; 
}

#Search-Form{
    width:100%; 
}
#Search-Form .button {
    width: 100%;
}
#Search-Form .caption {
    padding-left: 20px; 
}


#Search-Form table {
    width: 550px; padding: 10px ;
    border: 2px solid #330066; -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px;
}

.Search-Form.Template-List h2 {
    padding:0px; margin: 0px; 
    text-align: right;color:#330066;
}

.Search-Form.Template-List td.caption{
    font-weight: bold; color: #666;
    width: 30%;
}

.Search-Form.Template-List input {
    height:26px; width:360px ;
    border: 2px solid #999999; padding: 0px 2px; -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px;
}
.Search-Form.Template-List select {
    height:26px; min-width:370px; width:100%;
}

.Search-Form.Template-List input.button {
    background: url(../images/button-standard_bg.jpg) repeat-x #1F3A55 center; 
    color: #fff; border:1px solid #330066;
}
.Search-Form.Template-List input.button:hover{
}

.Template-List h1{
    text-align: center; color: #666; 
    text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
}
.Template-List h2{
    text-align: center; color: #666; 
    text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
}

table.List-Data.Template-List {
    width:100%; margin-top:25px;
}

.List-Data.Template-List  {
    padding:0px; margin: 0px; background: #fff; color: #666; 
}

.Blocked  {
   color: #ff0000; font-weight: bold;
}


.List-Data.Template-List tr.Row-Header td {
    background: url(../images/row-header-bg.jpg) repeat-x #ccc; 
    font-size: 15px; color: #333; text-align: center; font-weight: bold;
    text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.6);
    height: 20px;
}
.List-Data.Template-List tr.Row-Header td.ActionField {
    padding:0px; margin: 0px; background: url(../images/row-header-bg.jpg) repeat-x #ccc;
}
.List-Data.Template-List tr.Row-Header-Border td {
    background: #666666; height: 2px; padding:0
}


.List-Data.Template-List tr td {
    height: 25px; border-right: 2px solid #999; padding:5px 10px
}
.List-Data.Template-List tr td.last {
    border: none;
}

.List-Data.Template-List tr td.ID {
    font-weight: bold; text-align: center; 
}


.List-Data.Template-List tr td.red {
    color:red;
}

.List-Data.Template-List tr td.smaller {
    font-weight: bold; font-size: 11px;
}

.List-Data.Template-List tr td h3 {
    font-weight: bold; font-size: 18px;
    margin:0px; margin-bottom:5px
}

.List-Data.Template-List tr td div.Button {
    font-weight: bold; font-size: 14px; color: #074274;
}
.List-Data.Template-List tr td div.Button:hover {
    text-decoration: underline;
}

.List-Data.Template-List tr td.smaller .Status.button {
    font-weight: bold; font-size: 11px;
}

.List-Data.Template-List tr td.NullData {
    text-align: center; font-style: italic; border:none; padding: 5px 10px; height: 25px;
}
.List-Data.Template-List tr td.RemarksData {
    text-align: right; font-style: italic; border:none; font-size: 11px
}



.List-Data.Template-List tr td.last {
    border:none;
}
.List-Data.Template-List tr td.ActionField {
    width:2px; background: #fff;
    border:none; padding: 0px; margin: 0px;
}

#ActionButton-Container {
    position: absolute; margin-left: -15px; padding:4px 0px;
    width: 35px; height: 26px;
    background: url(../images/action-button.png) no-repeat center;
    cursor:pointer;
}
#ActionButton-Container.close {
    background: url(../images/action_close-button2.png) no-repeat center;
}
.Action-Container {
    display:none;
    width:196px; height: 35px; padding: 0px 20px; 
    position: absolute; margin-left: -190px; margin-top:-18px;
    background: url(../images/action_container-main.png) repeat-y;
    
}
.Action-Container img {
    margin-top:10px; margin-left:10px; cursor: pointer;
}
.Action-Container.top {
    width:196px; height: 8px; 
    margin-left: -190px; margin-top:-7px;
    background: url(../images/action_container-top.png) repeat-y;
}
.Action-Container.bottom {
    width:196px; height: 8px; 
    margin-left: -190px; margin-top:-2px;
    background: url(../images/action_container-bottom.png) repeat-y;
}


/* ///////////// PAGE ///////////// */
.Page-Container.Template-List{
    border-top:2px solid; width: 100%; padding: 0px; margin: 0px; height: 60px;
}
.paging { font-family: "Helvetica"; font-size:12px; text-align: center;}
.paging ul {
    list-style: none;
}
.paging li.line-off {
    border-right: 0px solid #ffffff;
}
.paging li {
    cursor: pointer;
    float:left;
    margin:5px;
    padding: 4px; 
    border: 1px solid #666666; -moz-border-radius-topleft: 3px/*{cornerRadius}*/; -webkit-border-top-left-radius: 3px/*{cornerRadius}*/; border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px/*{cornerRadius}*/; -webkit-border-top-right-radius: 3px/*{cornerRadius}*/; border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 3px/*{cornerRadius}*/; border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 3px/*{cornerRadius}*/; border-bottom-right-radius: 3px;
    background: url(../images/row-header-bg.jpg) repeat-x #ccc center;
    color:#333;
    padding: 7px 10px;
    margin-top: 3px;
}
.paging li:hover {
    background: #ccc; color:#333;
}

.paging li a {
    color:#333; text-decoration: none;
}

.paging li a:hover {
    text-decoration: none; color:#333; 
}

.paging li.CurrentPage{
    background: #ccc; color:#000; border:1px #333 solid; font-weight: bold;
    cursor:none;
    text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.6);
}



#AddAction-Container {
   text-align: center; margin-bottom: 20px;
}

.Status.button {
    width: 100px; max-width: 125px; height: 23px; font-size: 12px
}


.Status.Wider {
    max-width: 175px; 
} 

.Status.button.Grey.Wider{
    background: url(../images/button-bg.jpg) repeat-x #1F3A55 center; 
    color: #000; max-width: 275px; width: 200px;
}
.Status.button.GetSet.Wider{
    background: url(../images/button_sunset-bg.jpg) repeat-x #1F3A55 center; 
    color: #000; max-width: 275px; width: 200px;
}
.Status.button.GetSet.Wider.SmallFont{
    background: url(../images/button_sunset-bg.jpg) repeat-x #1F3A55 center; font-size: 9px; font-weight: bold;
    color: #000; max-width: 275px; width: 200px;
}
.Status.button.Standard.Wider{
    background: url(../images/button-standard_bg.jpg) repeat-x #074274 center; 
    color: #fff; max-width: 275px; width: 200px;
}

.Status.button.Blocked{
    background: url(../images/button_sunset-bg.jpg) repeat-x #1F3A55 center; 
    color: #fff
}
.Status.button.Active{
    background: url(../images/button-active_bg.jpg) repeat-x #ff0000 center; 
    color: #000;
}
.Status.button.Standard{
    background: url(../images/button-standard_bg.jpg) repeat-x #074274 center; 
    color: #fff;
}
.Status.button.Grey{
    background: url(../images/button-bg.jpg) repeat-x #1F3A55 center; 
    color: #000;
}
.Status.button.GetSet{
    background: url(../images/button_sunset-bg.jpg) repeat-x #1F3A55 center; 
    color: #000;
}
.Status.button.BelumRegistrasiUlang{
    background: url(../images/button-blocked_bg.jpg) repeat-x #FF0000 center; 
    color: #fff; width: 250px;
}
.Status.button.SudahRegistrasiUlang{
    background: url(../images/button-active_bg.jpg) repeat-x #FF0000 center; 
    color: #000; width: 250px;
}

